<template>
  <div>
    <h1>Parent</h1>
    <Child :count="count" :add="add"/>
  </div>
</template>

<script>
/*
  props主要用来做父子组件通信
    - 如果向子组件传递的是一个值，则是父传子
    - 如果向子组件传递的是一个函数，那是希望接受子组件中的数据,也就是可以做子传父
  props注意事项： 
    - prop是不允许被子组件修改的（如果真的有需求，则自己定义一个数据或者计算属性接收后再修改）
    - 子组件接收props的时候有3种写法
*/
import Child from "./Child";
export default {
  name: "Parent",
  components: {
    Child,
  },
  data() {
    return {
      count: 100
    }
  },

  methods: {
    add(value){
      this.count += value
    }
  },

};
</script>

<style></style>
